@charset "utf-8";

.ny-banner{height: 350px; }

/* 当前位置 */
.location{ overflow: hidden;height: 66px;line-height: 66px; border-bottom: 1px solid #E7E7E7;}
.location h2{float: left;color: #333;}
.location .here{float: left; color: #333;}
.location .here a{ color: #333;}
.location .here a:hover{ color: #fac12c;}

.webLeft{float: left;width: 260px;margin-right: 20px; margin-bottom: 50px; margin-top: 30px;}
.webRight{float: left;width:calc((100% - 280px));padding: 30px; margin: 30px 0;box-shadow: 0px 0px 30px rgb(0 0 0 / 10%);}

.leftbt{background: #f8bd01; border-radius: 30px 0 0 0; }
.leftbt h2{font-size: 28px;color: #222;line-height: 80px;border-bottom: 5px solid #222; padding-left:50px; }

.sublistbg{box-shadow: 0px 0px 30px rgb(0 0 0 / 10%);border-radius: 30px 0 0 0;}
.sublist{overflow: hidden; margin-bottom: 30px;}
.sublist ul{}
.sublist ul li{ height:66px; line-height:66px;  background: #f8bd01; font-size: 18px;}
.sublist ul li a{color: #333; padding-left: 60px;}
.sublist ul li a:hover;{color: #FFF;}
.sublist ul h2{height:66px; line-height:66px;  background:url(../images/left02.jpg) no-repeat;}
.sublist ul h2 a{color: #333; padding-left: 60px;}
.sublist ul h2 a:hover;{color: #f8bd01;}


.left-lx .nr{background: #FFF;line-height: 26px;padding: 20px;}

.pageTit{overflow: hidden; height: 40px; line-height: 40px; border-bottom: 1px solid #e7e7e7;margin-bottom: 20px;}
.pageTit span{font-size: 22px; border-bottom: 2px solid #f8bd01; display: inline-block; height: 39px;}
.danye-line {overflow: hidden;line-height: 30px;   text-align: justify;}
.danye-line img{ max-width: 100%; }


/* 联系我们 */
.contactlist{overflow:hidden;}
.contactlist ul{}
.contactlist ul li{float: left; width: 25.333333%; margin: 0 1%; border: 1px solid #e7e7e7; margin-top: 30px; margin-bottom: 30px; padding: 30px; min-height: 150px;}
.contactlist ul li span{font-size: 26px; color: #3c7fab;}
.contactlist ul li .text{ margin-top: 30px; line-height: 28px;}

/* 生产车间 */
.chejian{}
.chejian ul{ margin-left:-1%; margin-right:-1%; }
.chejian ul li{float: left; width: 31.333333%; margin: 0 1%; background: #FFF; margin-bottom: 30px;}
.chejian ul li .img{overflow: hidden;}
.chejian ul li .img img{max-width: 100%;}
.chejian ul li h3{font-size: 15px; text-align: center; background: #e9e9e9;padding: 15px 0;}
.chejian ul li:hover h3{background: #f8bd01;}
.chejian ul li a:hover{color: #333;}

/* 产品列表 */
.product{}
.product ul{}
.product ul li{float: left; width:31.333333%; margin: 0 1%; background: #FFF; margin-bottom: 4%;box-shadow: 1px 10px 20px 0 rgba(0,0,0,.10);}
.product ul li:hover{ transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);box-shadow: 1px 10px 20px 0 rgba(0,0,0,.10);}
.product ul li .img{overflow: hidden;}
.product ul li .img img{max-width: 100%;}
.product ul li h2{font-size: 15px; text-align: center; background: #e9e9e9;padding: 15px 0;}
.product ul li:hover h2{background: #f8bd01;}
.product ul li a:hover{color: #333;}



/*新闻资讯*/
.newslist{}
.newslist ul{}
.newslist ul li{ overflow: hidden;padding: 15px; margin-bottom: 30px; background: #FFF; border: 1px solid #E7E7E7; cursor: pointer; transition: all 0.5s ease; -webkit-transition:all 0.5s ease;}
.newslist ul li:hover{box-shadow: 0 8px 20px 0 rgba(0,0,0,.10); transform: translate3d(0,-2px,0); transition: all .3s cubic-bezier(.55,0,.1,1);}
.newslist ul li .time{float: left; width: 110px; text-align: center; border-right: 1px solid #e7e7e7;}
.newslist ul li .time b{display: block;font-size:50px; font-weight: bold;font-family: initial;line-height: 60px;}
.newslist ul li .time span{font-size: 14px; color: #888; line-height: 20px;}
.newslist ul li .gk{float:left; width: calc((100% - 110px));}
.newslist ul li .gk h2{font-size: 20px; padding-left: 20px;}
.newslist ul li .gk p{font-size: 14px; padding-left: 20px; line-height: 24px; color: #999;}



/*在线留言*/
.book{padding: 15px; overflow: hidden;}
.book ul{}
.book ul li{float: left; width: 100%;  padding: 5px 0;}
.book ul li span{float: left; font-size: 15px; width: 60px; line-height: 32px;}
.book ul li i{color: #FF0000; font-weight: bold; padding-left: 8px;}
.book ul li input{ height: 30px; line-height: 30px; padding:0 5px; width: 66%; border: 1px solid #ccc;}
.book ul li textarea{ padding:0 5px; width: 66%; border: 1px solid #ccc;}
.book ul li .yzm{width: 80px;}
.book .submit{ background: #f23803; width: 100px; line-height: 38px; height: 38px; text-align: center; border: 0; cursor: pointer; color: #FFF; margin-left: 60px; margin-top: 15px;}




/*详情页*/
.Details_tit{ text-align:center; font-size:38px; }
.showbt{overflow: hidden; border-bottom: 1px solid #e7e7e7;}
.showbt span{ display: inline-block; padding: 10px 40px; color: #333; background:#f8bd01; font-size: 18px}

.Details{overflow: hidden; padding: 15px 0;}
.Details h1{ text-align: center; font-size: 30px; line-height: 50px; margin: 30px 0;}
.Details dt{ text-align: center; line-height: 50px; border-bottom: 1px solid #E7E7E7;border-top: 1px solid #E7E7E7;}

.Details-conent-img{overflow: hidden; margin: 30px 0; text-align: center;}
.Details-conent-img img{max-width: 100%;}

.Details-conent{overflow: hidden; margin: 30px 0; line-height: 32px;}
.Details-conent img{max-width: 100%;}



@media (min-width:1024px) and (max-width:1366px) {
	



}

@media (min-width:768px) and (max-width:1023px) {

.ny-banner{height: 300px;background-size: cover !important;}

.webLeft{display: none;}
.webRight{width: 100%;}

	
}
@media screen and (max-width:767px) {

.ny-banner{height: 150px; background-size: cover !important;}
.webLeft{display: none;}
.webRight{width: 100%;}
.product ul li{width: 48%;}

.chejian ul li{width: 48%;}
.newslist ul li .time{display: none;}
.newslist ul li .gk{width: 100%;}
.newslist ul li .gk h2{padding-left: 0; font-size: 18px;}
.newslist ul li .gk p{padding-left: 0;}

.page a{padding: 8px; line-height: 50px;}
.page .nolink{display: none;}
}



